<template>
	<view>
	</view>
</template>
<script>
	var wv; //计划创建的webview
	export default {
		data() {
			return {
				windowInfo: null
			}
		},
		mounted() {
			uni.showLoading({
					title: '加载中，请稍候....'
				})
			uni.getSystemInfo({
				success: (res) => {
					this.windowInfo = res;
					console.log('windowInfo', this.windowInfo)
					this.createWvAndLoadUrl('http://kaoshi.niurenjianzhan.com/index/chat/chat');

					//this.createWvAndLoadUrl('http://www.baidu.com');
					// this.createWvAndLoadUrl(this.getConfigPageUrl());
				}
			});
		},
		onLoad() {

		},
		onBackPress() {
			// 移除事件监听器，否则会崩溃闪退
			wv.removeEventListener('rendered', function(e) {
				console.log('Webview rendered remove');
				uni.hideLoading()
			}, false);
		},
		methods: {
			/*创建web-view并加载url*/
			createWvAndLoadUrl(url) {
				// #ifdef APP-PLUS
				wv = plus.webview.create("", "custom-webview", {
					plusrequire: "none", //禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止
					'uni-app': 'none', //不加载uni-app渲染层框架，避免样式冲突
					top: this.windowInfo.statusBarHeight + 44, //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值
					height: this.windowInfo.screenHeight - this.windowInfo.statusBarHeight -
						44 //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值
				})
				wv.loadURL(url)
				// Webview窗口页面开始加载事件
				// wv.addEventListener('loading', () => {
				// 	// plus.nativeUI.showWaiting()
				// 	uni.showLoading({
				// 		title: '加载中，请稍候....'
				// 	})
				// 	// this.api.showComLoading()

				// }, false);
				// // Webview窗口渲染完成事件
				wv.addEventListener('rendered', function(e) {
					console.log('Webview rendered');
					// plus.nativeUI.closeWaiting();
					// uni.setNavigationBarTitle({
					// 				title: '联系客服'
					// 			});
					uni.hideLoading()
				}, false);
				
				var currentWebview = this.$scope.$getAppWebview(); //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效
				currentWebview.append(wv); //一定要append到当前的页面里！！！才能跟随当前页面一起做动画，一起关闭
				setTimeout(function() {
					console.log(wv.getStyle())
				}, 1000); //如果是首页的onload调用时需要延时一下，二级页面无需延时，可直接获取
				// #endif
			}
		},
	};
</script>
